@props([
    'title' => '搜索筛选',
    'description' => '根据条件筛选',
    'action' => '',
    'method' => 'GET'
])

<div class="bg-white shadow-lg rounded-xl border border-gray-100">
    <div class="px-6 py-6 border-b border-gray-200">
        <h3 class="text-lg font-medium text-gray-900">{{ $title }}</h3>
        <p class="mt-1 text-sm text-gray-600">{{ $description }}</p>
    </div>
    <div class="px-6 py-4">
        <form method="{{ $method }}" action="{{ $action }}" class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
            {{ $slot }}
        </form>
    </div>
</div>
